<template>
    <div class="main-page" >
        <el-row>绘画课</el-row>
        <el-row>
            <el-col>合约金额</el-col>
            <el-col>$500</el-col>
        </el-row>
        <el-row>
            <el-col>课程总数:12</el-col>
            <el-col>有效期至:2018-12-12</el-col>
        </el-row>

        <el-card v-for="">
            <el-row>
                <el-col>退费</el-col>
            </el-row>
            <el-row>
                <el-col>操作人:向老师</el-col>
                <el-col>操作时间:2010-12-12</el-col>
            </el-row>
        <el-row>
            <el-col>合约课时:-5</el-col>
            <el-col>课程单价:100</el-col>
            <el-col>课程金额:100</el-col>
            <el-col>备注:100</el-col>
        </el-row>
            <el-col>总金额</el-col>
            <el-col>到账</el-col>
            <el-col>未交费</el-col>
            <el-col><el-button @click="paymentRecords" type="text">查看交费记录</el-button></el-col>
        </el-card>

    </div>
</template>

<script>
    import {mapActions, mapState, mapGetters} from 'vuex'
    import headTop from '../../components/headTop'
    import {userList} from '@/api/getData'
    import ElInput from "../../../node_modules/element-ui/packages/input/src/input.vue";
    import ElOption from "../../../node_modules/element-ui/packages/select/src/option.vue";

    export default {
        name:'addSubject',
        props:{

        },
        data() {
            return {
                childForm:{

                }
            }
        },
        components: {
            ElOption,
            ElInput,
            headTop,

        },
        computed: {
            ...mapGetters(['adminInfo'])
        },
        created() {
        },
        mounted() {

        },
        methods: {
            ...mapActions(['getPeriod']),
            paymentRecord:function(){

            }
        },
    }
</script>
<style lang="less">
    @import '../../style/mixin';

    .el-table .sks {
        background: #c2e7b0;
    }
</style>
